<template>
    <div class="setComponent">
        动态表单设置
        <div class="form-item">
            <label>背景颜色</label>
            <el-select v-model="obj.background" placeholder="请选择">
                <el-option
                    v-for="(item, index) in bgColorOptions"
                    :key="index"
                    :label="item"
                    :value="item">
                    <span class="bgColor" :style="{background: item}"/>
                </el-option>
            </el-select>
        </div>
    </div>
</template>
<script>
import { bgColorOptions } from '@/utils/selectOptions'
export default {
    name: 'SetFormId',
    props: {
        obj: {
            type: Object

        }
    },
    data() {
        return {
            bgColorOptions: bgColorOptions
        }
    }
}
</script>
<style lang="scss">

</style>

